import { createApp } from 'vue';
import router from './router';
import store from './store';
import App from './App.vue';
import './styles/index.scss';
import 'animate.css';
import './units';
import 'element-plus/packages/theme-chalk/src/base.scss';
import {
  ElButton,
  ElMessage,
  ElMenu,
  ElMenuItem,
  ElSubmenu,
  ElMenuItemGroup,
  ElTooltip,
  ElBreadcrumb,
  ElBreadcrumbItem,
  ElDropdown,
  ElDropdownItem,
  ElForm,
  ElFormItem,
  ElInput,
} from 'element-plus';
const components = [
  ElTooltip,
  ElButton,
  ElMessage,
  ElMenu,
  ElMenuItem,
  ElSubmenu,
  ElMenuItemGroup,
  ElBreadcrumb,
  ElBreadcrumbItem,
  ElDropdown,
  ElDropdownItem,
  ElForm,
  ElFormItem,
  ElInput,
];

const app = createApp(App);
components.forEach(component => {
  app.component(component.name, component);
});

app.use(router);
app.use(store);
app.mount('#app');
